R
Ridey 骑益 · 会员中心
} function lookupMember(phone) { if (!MEMBER_DB) return null; for (var i = 0; i < MEMBER_DB.length; i++) { if (MEMBER_DB[i].p === phone) { return { name: MEMBER_DB[i].n || '', nickname: '', email: '', wechat: MEMBER_DB[i].w || '', membership: MEMBER_DB[i].m || '非会员', membershipStart: MEMBER_DB[i].ms || '', membershipEnd: MEMBER_DB[i].me || '', inseam: '', bikeHeight: '', saddleForeAft: '', handlebarHeight: '', handlebarForeAft: '', dataComplete: true, phone: phone }; } } return null; } // ========================================== // Load Maintenance Records // ========================================== async function loadMemberData(phone) { maintenanceRecords = []; if (dbReady) { try { var result = await db.collection(MAINTENANCE_COLLECTION) .where({ 'customer.phone': phone }) .orderBy('createdAt', 'desc') .limit(50) .get(); if (result.data && result.data.length > 0) { maintenanceRecords = result.data; } // Also try to enrich member info from CloudBase customers collection try { var custResult = await db.collection(CUSTOMERS_COLLECTION) .where({ phone: phone }) .limit(1) .get(); if (custResult.data && custResult.data.length > 0) { var c = custResult.data[0]; if (c.name && !currentMember.name) currentMember.name = c.name; if (c.membership && c.membership !== 'non-member') currentMember.membership = c.membership; if (c.membershipStart) currentMember.membershipStart = c.membershipStart; if (c.membershipEnd) currentMember.membershipEnd = c.membershipEnd; if (c.nickname) currentMember.nickname = c.nickname; if (c.email) currentMember.email = c.email; if (c.inseam) currentMember.inseam = c.inseam; if (c.bikeHeight) currentMember.bikeHeight = c.bikeHeight; if (c.saddleForeAft) currentMember.saddleForeAft = c.saddleForeAft; if (c.handlebarHeight) currentMember.handlebarHeight = c.handlebarHeight; if (c.handlebarForeAft) currentMember.handlebarForeAft = c.handlebarForeAft; // 自动补全：有开始但无截止，+6个月-1天 if (currentMember.membershipStart && !currentMember.membershipEnd && currentMember.membership === '会员') { var dd_auto2 = new Date(currentMember.membershipStart); if (!isNaN(dd_auto2.getTime())) { dd_auto2.setMonth(dd_auto2.getMonth() + 6); dd_auto2.setDate(dd_auto2.getDate() - 1); var y2 = dd_auto2.getFullYear(); var m2 = String(dd_auto2.getMonth() + 1).padStart(2, '0'); var d2 = String(dd_auto2.getDate()).padStart(2, '0'); currentMember.membershipEnd = y2 + '-' + m2 + '-' + d2; } } } } catch (e) { console.warn('Customer enrichment failed:', e); } } catch (e) { console.warn('Failed to load records from CloudBase:', e.message); } } // If no records found from CloudBase, show empty state return maintenanceRecords; } // ========================================== // Dashboard Render // ========================================== function renderDashboard() { var m = currentMember; var records = maintenanceRecords; // Stats var totalMaintenance = records.length; var lastMaintenance = records.length > 0 ? formatDate(records[0].createdAt) : '暂无'; var memberType = m.membership || '非会员'; var isCloudProfile = m._fromCloud; // Membership badge class var badgeClass = 'badge-non-member'; if (memberType === '会员') badgeClass = 'badge-member'; else if (memberType === '优惠') badgeClass = 'badge-discount'; var membershipInfo = ''; if (memberType === '会员' && (m.membershipStart || m.membershipEnd)) { membershipInfo = '
' + (m.membershipStart ? formatDate(m.membershipStart) : '') + (m.membershipEnd ? ' ~ ' + formatDate(m.membershipEnd) : '') + '
'; } var html = ''; // CloudBase status indicator if (!dbReady) { html += '
'; html += '⚠️ 云端连接未就绪，仅显示本地会员信息，保养记录可能不完整'; html += '
'; } // 不完整档案提示（保养/装车系统录入的新客户，信息待补全） if (m.dataComplete === false || (m._fromCloud && !m.nickname && !m.email && !m.wechat && !m.inseam)) { html += '
'; html += 'ℹ️ 您的会员档案信息尚不完整，部分功能受限。请联系管理员完善资料（昵称、邮箱、Bike Fitting 数据等）'; html += '
'; } // Profile Card html += '
'; html += '' + memberType + ''; if (isCloudProfile) { html += '云端匹配'; } html += '
' + escHtml(m.name || '骑友') + '
'; // 曾用名展示 if (m.aliases && m.aliases.length > 0) { html += '
又名：' + m.aliases.map(escHtml).join('、') + '
'; } html += '
' + m.phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') + '
'; html += '
'; if (m.nickname) { html += '
昵称' + escHtml(m.nickname) + '
'; } if (m.wechat) { html += '
微信' + escHtml(m.wechat) + '
'; } if (m.email) { html += '
邮箱' + escHtml(m.email) + '
'; } html += '
'; // Bike Fitting 数据 var hasFitting = m.inseam || m.bikeHeight || m.saddleForeAft || m.handlebarHeight || m.handlebarForeAft; if (hasFitting) { html += '
'; html += '
Bike Fitting
'; html += '
'; if (m.inseam) { html += '
胯高' + escHtml(m.inseam) + ' cm
'; } if (m.bikeHeight) { html += '
单车高度' + escHtml(m.bikeHeight) + ' cm
'; } if (m.saddleForeAft) { html += '
坐垫前后' + escHtml(m.saddleForeAft) + ' cm
'; } if (m.handlebarHeight) { html += '
车把高度' + escHtml(m.handlebarHeight) + ' cm
'; } if (m.handlebarForeAft) { html += '
车把前后' + escHtml(m.handlebarForeAft) + ' cm
'; } html += '
'; } html += membershipInfo; html += '
'; // Stats Row html += '
'; html += '
' + totalMaintenance + '
保养次数
'; html += '
' + (hasFitting ? '✓' : '-') + '
Bike Fitting
'; html += '
' + (memberType === '会员' ? '✓' : '-') + '
会员状态
'; html += '
'; // Maintenance History html += '
'; html += '

保养历史记录

'; html += '共 ' + totalMaintenance + ' 条'; html += '
'; html += '
'; if (records.length === 0) { html += '
'; html += '
🔧
'; html += '
暂无保养记录
完成首次保养后将在此显示
'; html += '
'; } else { for (var i = 0; i < records.length; i++) { var r = records[i]; html += renderRecordCard(r, i); } } html += '
'; document.getElementById('dashboardContent').innerHTML = html; } // ========================================== // Record Card // ========================================== function renderRecordCard(record, index) { var typeLabel = getMaintenanceTypeLabel(record); var dateStr = record.createdAt ? formatDate(record.createdAt) : ''; var status = record.status || 'completed'; // Service items tags var tags = []; var items = record.serviceItems || []; for (var i = 0; i < Math.min(items.length, 4); i++) { tags.push(items[i].name); } var tagsHtml = ''; for (var j = 0; j < tags.length; j++) { tagsHtml += '' + escHtml(tags[j]) + ''; } if ((record.serviceItems || []).length > 4) { tagsHtml += '+' + (record.serviceItems.length - 4) + ''; } var statusClass = status === 'completed' ? 'status-completed' : 'status-pending'; var statusLabel = status === 'completed' ? '已完成' : '进行中'; return '
' + '
' + '
' + escHtml(typeLabel) + '
' + '
' + dateStr + '
' + '
' + (tagsHtml ? '
' + tagsHtml + '
' : '') + '
' + '' + statusLabel + '' + '查看详情 ' + '
' + '
'; } // ========================================== // Detail Modal // ========================================== function showDetail(index) { var record = maintenanceRecords[index]; if (!record) return; var pathLabel = { maintenance: '整车保养', repair: '维修', wash: '清洗', assembly: '装车' }; var paths = record.selectedPaths || {}; var pathNames = []; for (var k in paths) { if (paths[k]) pathNames.push(pathLabel[k] || k); } var typeLabel = pathNames.length > 0 ? pathNames.join(' · ') : '保养记录'; var dateStr = record.createdAt ? formatDateTime(record.createdAt) : ''; var status = record.status || 'completed'; var statusLabel = status === 'completed' ? '已完成' : '进行中'; var statusIcon = status === 'completed' ? '✅' : '🔧'; // Customer info var customer = record.customer || {}; var html = '
'; html += '
'; html += '
'; // Header html += '
'; html += '
' + statusIcon + '
'; html += '
' + escHtml(typeLabel) + '
'; html += '
' + dateStr + '
'; html += '
'; html += '
'; // Customer info section html += '

👤 客户信息

'; html += '
姓名' + escHtml(customer.name || '-') + '
'; html += '
手机号' + escHtml(customer.phone || '-') + '
'; html += '
会员类型' + escHtml(customer.membership || '非会员') + '
'; html += '
预计取车' + (customer.expectedPickup ? formatDateTime(customer.expectedPickup) : '-') + '
'; // Service items var serviceItems = record.serviceItems || []; if (serviceItems.length > 0) { html += '

🔧 服务项目

'; for (var si = 0; si < serviceItems.length; si++) { var item = serviceItems[si]; html += '
'; html += '' + escHtml(item.name) + ''; html += '' + (item.minutes ? item.minutes + '分钟' : '') + ''; html += '
'; // Show item data if available if (item.data && Object.keys(item.data).length > 0) { var d = item.data; var dataLabels = { chainElongation: '链条拉伸', brakePadKm: '刹车片里程', frontDiscThickness: '前碟片厚度', rearDiscThickness: '后碟片厚度', tireKm: '轮胎里程', discFrontStandard: '前碟片标准厚度', discRearStandard: '后碟片标准厚度' }; var dataUnits = { chainElongation: '%', brakePadKm: 'km', frontDiscThickness: 'mm', rearDiscThickness: 'mm', tireKm: 'km', discFrontStandard: 'mm', discRearStandard: 'mm' }; for (var dk in d) { if (d[dk] !== undefined && d[dk] !== null) { html += '
'; html += ' ↳ ' + (dataLabels[dk] || dk) + ''; html += '' + d[dk] + (dataUnits[dk] || '') + ''; html += '
'; } } } } } // Repair items var repairItems = record.repairItems || []; if (repairItems.length > 0) { html += '

🛠️ 维修项目

'; for (var ri = 0; ri < repairItems.length; ri++) { html += '
' + escHtml(repairItems[ri].name || '维修项') + '' + escHtml(repairItems[ri].price ? '¥' + repairItems[ri].price : '') + '
'; } } // Found issues var issues = record.foundIssues || []; if (issues.length > 0) { html += '

⚠️ 发现问题

'; for (var fi = 0; fi < issues.length; fi++) { var urgencyLabels = { critical: '紧急', soon: '建议尽快', later: '择期处理' }; html += '
' + escHtml(issues[fi].description || '') + ''; html += '' + (urgencyLabels[issues[fi].urgency] || '') + '
'; } } // Consumables var consumables = record.consumables || []; if (consumables.length > 0) { html += '

📦 耗材使用

'; for (var ci = 0; ci < consumables.length; ci++) { html += '
' + escHtml(consumables[ci].name || '') + '' + (consumables[ci].quantity || '') + '
'; } } // Reception info var reception = record.reception || {}; if (reception.chainOil || reception.mileage) { html += '

📋 接车信息

'; if (reception.chainOil) { var oilLabels = { wet: '湿性链条油', dry: '干性链条油', wax: '蜡性链条油' }; html += '
链条油类型' + (oilLabels[reception.chainOil] || reception.chainOil) + '
'; } if (reception.mileage) html += '
当前里程' + escHtml(reception.mileage) + '
'; if (reception.waxing) html += '
链条打蜡是
'; } // Photos var beforePhotos = record.beforePhotos || []; var afterPhotos = record.afterPhotos || []; if (beforePhotos.length > 0 || afterPhotos.length > 0) { html += '

📸 维保照片

'; if (beforePhotos.length > 0) { html += '
保养前
'; html += '
'; for (var bp = 0; bp < beforePhotos.length; bp++) { html += '
'; } html += '
'; } if (afterPhotos.length > 0) { html += '
保养后
'; html += '
'; for (var ap = 0; ap < afterPhotos.length; ap++) { html += '
'; } html += '
'; } } // Rate info if (record.hourlyRate) { html += '

💰 工时费用

'; html += '
工时费率¥' + record.hourlyRate + '/小时
'; html += '
费率类型' + escHtml(record.rateLabel || '-') + '
'; } // Note if (record.note) { html += '

📝 备注

'; html += '
' + escHtml(record.note) + '
'; } // Record ID html += '
记录编号: ' + escHtml(record.id || '') + '
'; html += '
'; // detail-section html += '
'; // modal-content html += '
'; // modal-overlay document.getElementById('detailModal').innerHTML = html; document.getElementById('detailModal').style.display = 'block'; document.body.style.overflow = 'hidden'; } function closeDetail(e) { if (e && e.target !== e.currentTarget) return; document.getElementById('detailModal').style.display = 'none'; document.getElementById('detailModal').innerHTML = ''; document.body.style.overflow = ''; } // ========================================== // Photo Viewer // ========================================== function viewPhoto(src) { var viewer = document.getElementById('photoViewer'); viewer.innerHTML = '点击关闭'; viewer.style.display = 'flex'; document.body.style.overflow = 'hidden'; } function closePhotoViewer() { document.getElementById('photoViewer').style.display = 'none'; document.getElementById('photoViewer').innerHTML = ''; document.body.style.overflow = ''; } // ========================================== // Logout // ========================================== function handleLogout() { currentMember = null; maintenanceRecords = []; showView('Login'); document.getElementById('phoneInput').value = ''; document.getElementById('loginError').textContent = ''; } // ========================================== // Helpers // ========================================== function getMaintenanceTypeLabel(record) { var paths = record.selectedPaths || {}; var labels = []; if (paths.maintenance) labels.push('整车保养'); if (paths.repair) labels.push('维修'); if (paths.wash) labels.push('清洗'); if (paths.assembly) labels.push('装车'); if (labels.length > 0) return labels.join(' · '); return record.path || '保养记录'; } function formatDate(dateStr) { if (!dateStr) return ''; try { var d = new Date(dateStr); return d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + d.getDate(); } catch(e) { return dateStr; } } function formatDateTime(dateStr) { if (!dateStr) return ''; try { var d = new Date(dateStr); return d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + d.getDate() + ' ' + String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0'); } catch(e) { return dateStr; } } function escHtml(str) { if (!str) return ''; return String(str).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } function escAttr(str) { if (!str) return ''; return String(str).replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, ''').replace(//g, '>'); } // ========================================== // Keyboard: ESC to close modals // ========================================== document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { if (document.getElementById('detailModal').style.display === 'block') { closeDetail({ target: document.querySelector('.modal-overlay') }); } if (document.getElementById('photoViewer').style.display === 'flex') { closePhotoViewer(); } } }); // ========================================== // Init // ========================================== (async function() { // MEMBER_DB is injected inline at build time initCloudBase(); })();